﻿/*Master Setup*/
html { width:100%; height:100%; }
body { width:960px; margin:0px auto; }
div#header { margin:10px 0px 5px 43px; }
div#header h1 {font-weight:bold; color:#b51212; font-size:2.5em; }
div#contentWrapper { width: 960px; background: #e5d5be url("../../images/verticalShadow.gif") repeat-y; }
div#contentTop { height:15px; background: #fff url("../../images/folderTop2.gif") no-repeat right; }
div#content { width:915px; float:right; background: #e5d5be url("../../images/folderBackground.gif") repeat-y right; padding-bottom:27px; }
div#contentBottom { clear:both; height:20px; background: #fff url("../../images/folderBottom.gif") no-repeat right; }
div#papers { background: url("../../images/papers.jpg") no-repeat; padding:25px 25px 0px 50px; }
div#paper { border:solid 1px #7c7a7a; background-color:#fff; padding:20px; overflow:hidden; }
div#footer { font-size:x-small; text-align:right; }

/*Menu*/
ul#menu { width:45px; overflow:hidden; float:left; padding:0px; padding-top:20px; }
ul#menu li { list-style-image: none; list-style-position:outside; list-style-type:none; }
ul#menu li a { display: block; width: 45px; height:145px; background: url("../../images/tab.gif") no-repeat; }
ul#menu li a span{ display:none; }
ul#menu li a#tab-home { background: url("../../images/tab-home.gif") no-repeat; }
ul#menu li a#tab-signout { background: url("../../images/tab-signout.gif") no-repeat; }
ul#menu li a#tab-login { background: url("../../images/tab-login.gif") no-repeat; }

/*Default Page (content & sidebar)*/
div#main { width: 600px; }
div#sideBar { width: 185px; float:right; }
div#sideBar h2 { color: #b51212; font-weight:bold; }
div#welcomeMessage {margin-bottom:10px;}
.Message { font-size:xx-large; font-weight:bold; color: #699df0; }

/*Two Column Layout*/
div#twoCol{ height:400px; }
div#twoCol div#left{ margin-top:120px; text-align:right; width:47%; float:left; }
div#twoCol div#right{ margin-top:100px; text-align:right; width:250px; float:left; margin-left:15px; padding:10px 0px 0px 15px; border-left:solid 1px black; }

/*Generic*/
.red { color: #b51212; }
.redButton { color:White; background: url("../../images/redButton.gif") no-repeat; height:25px;	width:85px;	border-style:none; font:bold large arial; }
a.redLink { color: #b51212; font-size:small; text-decoration: underline; }
.blockQuote { background: #fff url("../../images/quote.gif") no-repeat; margin:0px; text-align:left; float:right; padding:5px 0px 0px 30px; width:200px; height:70px; font-style:italic; }
.textboxGraphic { margin:0px; padding:0px 0px 4px 4px; vertical-align:bottom; }
.textboxBorder{border:1px solid #dcdcdc; width:100%; height:30px; vertical-align:middle; padding-right:3px; margin:5px 0px 5px 0px; }
.customTextBox { border:1px solid white; padding:2px 1px 0px 4px; color:#333333; font-family:arial; font-size:120%; vertical-align:middle; }
.textarea { height:100px; border:1px solid #dcdcdc;  margin:5px 0px 5px 0px; color:#333333; font-family:arial; font-size:120%; color:#333333; font-family:arial; font-size:120%; }
.commentTextarea { width:220px; background: url("../../images/comment.png") no-repeat; background-position:10px 4px; padding-left:30px;}
.validator { font-weight:bold; font-size:120%;}